<div class="upload-form-btn">
  <button apes-button
          type="button"
          [disabled]="disabled"
          (click)="showUploadVisible()">
    <i apes-icon apesType="upload"></i>
    <span>上传附件</span>
  </button>
</div>


<apes-modal [apesVisible]="uploadVisible"
            [apesTitle]="'上传附件'"
            [apesContent]="modalContent"
            [apesFooter]="modalFooter"
            [apesClosable]="false"
            [apesMaskClosable]="false">
  <ng-template #modalContent>
    <div>
      <apes-upload
        apesListType="picture-card"
        [(apesFileList)]="fileList"
        [apesShowButton]="fileList.length < limit"
        [apesPreview]="handlePreview"
        [apesCustomRequest]="customReq"
        [apesRemove]="handleRemove"
        [apesShowUploadList]="handleShowList()"
        [apesMultiple]="true"
        [apesLimit]="limit"
        [apesDisabled]="disabled"
      >
        <div>你大爷</div>
        <p>拖拽上传</p>
      </apes-upload>

    </div>
  </ng-template>
  <ng-template #modalFooter>
    <button apes-button (click)="uploadVisible = false">
      <span>返回</span>
    </button>
<!--    <button apes-button>-->
<!--      <span>上传附件</span>-->
<!--    </button>-->
  </ng-template>

</apes-modal>










<!--<div class="clearfix">-->
<!--  <apes-upload-->
<!--    apesListType="picture-card"-->
<!--    [(apesFileList)]="fileList"-->
<!--    [apesShowButton]="fileList.length < limit"-->
<!--    [apesPreview]="handlePreview"-->
<!--    [apesCustomRequest]="customReq"-->
<!--    [apesRemove]="handleRemove"-->
<!--    [apesMultiple]="true"-->
<!--    [apesLimit]="limit"-->
<!--    [apesDisabled]="disabled"-->
<!--  >-->
<!--    <div apes-tooltip [apesTitle]="showLimit()" [apesPlacement]="'top'">-->
<!--      <i apes-icon apesType="plus"></i>-->
<!--      <div class="ant-upload-text">{{title}}</div>-->
<!--    </div>-->
<!--  </apes-upload>-->
<!--  <apes-modal [apesVisible]="previewVisible" [apesContent]="modalContent" [apesFooter]="null"-->
<!--              (apesOnCancel)="previewVisible = false">-->
<!--    <ng-template #modalContent>-->
<!--      <div style="width: 100%; height: 600px; position: relative">-->
<!--        <img [src]="previewImage" [ngStyle]="{ width: '100%' }"/>-->
<!--        <span (click)="toPie()" class="next-page left-next-page"> < </span>-->
<!--        <span (click)="toNext()" class="next-page right-next-page"> > </span>-->
<!--      </div>-->
<!--    </ng-template>-->
<!--  </apes-modal>-->
<!--</div>-->
